﻿/* STANDARD CONTROLS
************************************************************************************************************************************************
************************************************************************************************************************************************/

/* HTML ENTITIES
************************************************************************************************************/
input.text, input[type="text"], input[type="password"], textarea { border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

select, input.text, input[type="text"], input[type="password"], textarea, input.button
{
    border: 1px solid #CCCCCC;
	padding: 2px;
	font-family: Arial, Calibri, "Comic Sans MS", "Times New Roman";
	font-size: 0.9em;
}

select:focus, input.text:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
    border: 1px solid #808080;
    color: Black;
}

/* BUTTONS
************************************************************************************************************/
input.button
{
    min-width: 70px;
    height: 23px;
}

input.button:hover { border: 1px solid #66CCFF; }
input.close:hover
{
	border: none;
	padding: 0;
	margin: 0;
}

.button-left { border-radius: 0px, 0px, 5px, 5px; -o-border-radius: 0px, 0px, 5px, 5px; -moz-border-radius: 0px, 0px, 5px, 5px; -webkit-border-radius: 0px, 0px, 5px, 5px;} 
/* TEXT BOXES
************************************************************************************************************/
.textbox-id-number { width: 180px; }
.textbox-large { width: 300px; }
.textbox-medium { width: 220px; }
.textbox-small { width: 100px; }
.textbox-single { width: 10px; }
.textbox-double { width: 20px; }

/* TEXT AREAS
************************************************************************************************************/
.textarea-address
{
	width: 180px;
	height: 80px;
}

.textarea-subjects
{
	width: 300px;
	height: 35px;
}

/* DROP DOWN LISTS
************************************************************************************************************/
.ddl-normal
{
	font-family: Arial;
	font-size: smaller;
	width: 150px;
}

.ddl-medium
{
	font-family: Arial;
	font-size: smaller;
	width: 200px;
}

.ddl-xxsmall
{
	font-family: Arial;
	font-size: smaller;
	width: 80px;
}

/* GRIDVIEWS
************************************************************************************************************/
table.table-grid, table.table-grid-no-hover { font-family: Arial; font-size: 9pt; border: none;}
table.table-grid  td, table.table-grid-no-hover td {  margin: 0px 0px 0px 3px; padding: 4px;}
table.table-grid  td { border: 1px solid #e5eff8; }
table.table-grid th, table.table-grid-no-hover th
{
    background-color: #DFDFDF;
    background: -moz-linear-gradient(top, #DFDFDF 0%, #CECECE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#DFDFDF), color-stop(100%,#CECECE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #DFDFDF 0%,#CECECE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #DFDFDF 0%,#CECECE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #DFDFDF 0%,#CECECE 100%); /* IE10+ */
    background: linear-gradient(top, #DFDFDF 0%,#CECECE 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFDFDF', endColorstr='#CECECE',GradientType=0 );
    border: 1px solid #e5eff8;
    color: #000000;
    height: 30px;
    margin: 0px 8px 0px 8px;
    padding: 0px 8px 4px 8px;
    text-align: left;
}
table.table-grid  tr:hover { background:#e5eff8; color: #678197; cursor: default; }
.table-grid-footer
{
    background-color: #EEEEEE;
    background: -moz-linear-gradient(top, #EEEEEE 0%, #DCDCDC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#EEEEEE), color-stop(100%,#DCDCDC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #EEEEEE 0%,#DCDCDC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #EEEEEE 0%,#DCDCDC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #EEEEEE 0%,#DCDCDC 100%); /* IE10+ */
    background: linear-gradient(top, #EEEEEE 0%,#DCDCDC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#DCDCDC',GradientType=0 );
    border: 1px solid #e5eff8;
    color: #000000;
    height: 25px;
    margin: 0px 8px 0px 8px;
    padding: 0px 8px 4px 8px;
    text-align: left;
}

/* DASHBOARDS
************************************************************************************************************/
table.table-dashboard { border: none; }
table.table-dashboard th { background: #e6e6e6; color: #52105E; font-weight: bold; text-align: left; height: 20px; padding: 4px 8px 4px 8px; border: none;}
table.table-dashboard td { text-align: left; padding: 4px 8px 4px 4px; border: none;}

table.table-clear { font-family: Arial; font-size: 9pt; border: none; }
table.table-clear  td, table.table-grid-no-hover td {  margin: 0; padding: 0;}
table.table-clear  td { border: none; }
table.table-clear  th { border: none; color: #000000; height: 20px; margin: 0px 8px 0px 8px; padding: 0px 8px 4px 8px; text-align: left;}

table.table-clear-small { font-family: Arial; font-size: 9pt; border: none; }
table.table-clear-small  td, table.table-grid-no-hover td {  margin: 0; padding: 0 10px 0 3px;}
table.table-clear-small  td { border: none; }
table.table-clear-small  th { border: none; color: #000000; height: 20px; margin: 0px 8px 0px 8px; padding: 0px 8px 4px 8px; text-align: left;}

.odd { background-color: #f4f9fe; }
.pager
{
    background-color: #DCDCDC;
    background: -moz-linear-gradient(top, #DCDCDC 0%, #EEEEEE 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#DCDCDC), color-stop(100%,#EEEEEE)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #DCDCDC 0%,#EEEEEE 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #DCDCDC 0%,#EEEEEE 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #DCDCDC 0%,#EEEEEE 100%); /* IE10+ */
    background: linear-gradient(top, #DCDCDC 0%,#EEEEEE 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DCDCDC', endColorstr='#EEEEEE',GradientType=0 );
}
.empty td { background-color:White; font-size: 1.2em; font-weight: bold; }
.empty td:hover { background-color:White; color: Black; }
.small-td { min-width: 35px !important; width: 35px !important; }
.medium-td { min-width: 70px !important; width: 70px !important; }
.larger-td { min-width: 90px !important; width: 90px !important; }

/* TIMEOUT
************************************************************************************************************/
#timeout_box { display:none; position:fixed; _position:absolute; height:auto; width:350px; background:#FFFFFF; left: 40%; top: 40%; z-index:1000; margin-left: 15px; padding: 0;
    /* additional features, can be omitted */
     border:2px solid #ccc;      
     font-size:15px;  
     -moz-box-shadow: 0 0 5px #ccc;
     -webkit-box-shadow: 0 0 5px #ccc;
     box-shadow: 0 0 5px #ccc;
}
#timeout_box table { padding:15px; }

/* EMD OF STANDARD CONTROLS
************************************************************************************************************************************************
************************************************************************************************************************************************/

/* AJAX
************************************************************************************************************************************************
************************************************************************************************************************************************/

/* AJAX - CALENDER
************************************************************************************************************/
.myCalendar table { background-color: #fafafa; border: none; border-collapse: collapse; border-spacing: 0px; margin: 0; padding: 0; }
.myCalendar table td { width: 10px; min-width: 10px; padding: 1px; margin: 0; border: none; }
.ajax__calendar_header { border: none; padding: 0; font-size: 14px; margin: 0; background: #e6e6e6; color: #52105E;}    
.ajax__calendar_days  { font-size: 13px; } 
.ajax__calendar_day { font-size: 13px; }  
.ajax__calendar_invalid { background-color: White; color: Gray; border: none; }
.ajax__calendar_active { background-color: #52105E; color: White; font-weight: bold; border: none; font-weight: bold; padding: 0; margin: 0; }  
.ajax__calendar_container {	border:1px solid Gray; background-color: White; }
.ajax__calendar_today   { font-weight:bold; border: 1px Solid #3399FF; }

.ajax__calendar_hover .ajax__calendar_title {color:#0066cc;} 
.ajax__calendar_hover .ajax__calendar_active {background: #e6e6e6; color: #3399FF; font-weight: bold;}
.ajax__calendar_hover .ajax__calendar_day {background: #e6e6e6; color: #3399FF; font-weight: bold;} 
.ajax__calendar_hover .ajax__calendar_month {background: #e6e6e6; color: #3399FF; font-weight: bold;} 
.ajax__calendar_hover .ajax__calendar_year {background: #e6e6e6; color: #3399FF; font-weight: bold;}

/* AJAX - MODAL POPUP
************************************************************************************************************/

.popup-confirm { background-color:White; padding:10px; width:370px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; z-index:100;}/* Used for Delete Popup */
.header { background: #e6e6e6; color: #52105E; padding: 0; margin: 0; border-bottom: 1px Solid Silver; }
.popup-form { background-color:White; padding:3px; max-width: 450px; -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; z-index:100;} /* Used for Popup Box */
.loadingpopup { position: relative; left: 40%; top: 40%; background-color: White; color: #393939; padding:10px; width:200px; font-size: 14pt; }
.modalpopup { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color:#000; filter:alpha(opacity=30); opacity:0.7; }
.mypopup { width: auto; min-width: 450px; border-radius: 2px; -o-border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.mypopup p { padding: 3px; }
.mypopup .header
{
    color: White;
    padding: 5px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    font-size: 12pt;
    height: 25px;
    background: #7d7e7d; /* Old browsers */
    background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
    background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
    border-bottom-color: #3399FF;
    border-bottom-width: 2px;
    border-bottom-style: solid;
}

.mypopup .content { border-radius: 6px; -o-border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-left: 1px Solid #ccc; border-right: 1px Solid #ccc; border-bottom: 1px Solid #ccc; padding-top: 1px; padding-left: 3px; background: #ffffff; /* Old browsers */ }
.mypopup .header .close { height: 41px; position: absolute; /*margin-right: -15px; margin-top: -13px;*/ right: 3px; top: -7px; }
.mypopup .header .close:hover { border: 1px Solid Transparent; }
.mypopup .content .gridview { font-family: Arial, Calibri; font-size: 12px;	margin-top: 10px; text-align: left; max-width: 400px; min-width: 350px; width: auto; 
                              border: 1px Solid #ccc; }
.mypopup .content .gridview th { font-size: 14px; font-weight: normal; padding: 5px; margin: 0;	background: Gray; border-bottom: 1px solid #fff; font-family: Arial, Calibri;
                                 color:#f4f9fe; border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8; background: url(../images/table/table_header_repeat.jpg) repeat-x; }
.mypopup .content .gridview td { font-weight: lighter; padding: 3px; margin: 0; overflow: hidden; table-layout: fixed; min-width: 120px; width: auto !important;
                                 border: 1px solid #e5eff8; font-size: 12px; font-family: Arial, Calibri; }
.mypopup .content .gridview tr:hover td { background:#e5eff8; color: #678197; }
.mypopup .content .gridview .paging tr:hover td {}

.radioButtonList ul { list-style: none; padding: 0; margin: 0; width: auto; }
.radioButtonList li { display: inline; margin: 0px; text-align: center; padding: 3px; }

/* END OF AJAX
************************************************************************************************************************************************
************************************************************************************************************************************************/

/* JQUERY
************************************************************************************************************************************************
************************************************************************************************************************************************/

/* JQUERY UI - SELECTABLE
************************************************************************************************************/
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; }
#selectable li
{
    margin: 3px;
    padding: 0.4em;
    height: 10px;
    width: 120px;
    font-size: small;
}

/* END OF JQUERY
************************************************************************************************************************************************
************************************************************************************************************************************************/